7.05 获取设置行内样式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="wyzxw" style="color:red; font-size:48px; width:400px; height:100px; border:2px solid blue;">
我要好好学习
</div>
<!--border:2px solid blue;是设置边框为2，线条颜色为蓝色-->
<script type="text/javascript">
var z=document.getElementById("wyzxw")
<!--1、获取元素的行内样式-->
var a=z.style.cssText //不加.cssText 全报错
document.write(a,"<br>")
<!--2、给元素行内样式赋值 -->
z.style.cssText="style="color:red;" //会将原来行内样式全部替换
</script>
</body>
</html>
获取行内样式生效，没有替换返回如下：